<style>
  .{{$template|escape:'html'}}_table1 {
    width: 900px;
    height: 30px;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 900px;
    height: 30px;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 860px;
    height: 158px;
  }
  .{{$template|escape:'html'}}_table4 {
    width: 860px;
    height: 160px;
  }
  .{{$template|escape:'html'}}_table5 {
    width: 860px;
    height: 50px;
  }
  .{{$template|escape:'html'}}_table6 {
    width: 900px;
    height: 35px;
    background-color: #f6ede4;
  }
  .{{$template|escape:'html'}}_table7 {
    width: 860px;
    height: 50px;
  }
  .{{$template|escape:'html'}}_table8 {
    width: 730px;
    height: 30px;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 750px;
    height: 25px;
    font-weight:bold;
    font-size:130%;
    color:#663333;
    text-align: right;
    vertical-align: middle;
    padding: 0 10px 0 0;
  }
  .{{$template|escape:'html'}}_td2 {
    background-color: #f6ede4;
    width: 150px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    font-family: Arial;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 120px;
    height: 20px;
    font-weight:bold;
    font-size:110%;
    color:#663333;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 310px;
    height: 20px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 120px;
    height: 20px;
    font-weight:bold;
    font-size:110%;
    color:#663333;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 310px;
    height: 20px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 840px;
    height: 30px;
    font-weight:bold;
    font-size:140%;
    color:#663333;
    padding-left:20px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td8 {
    width: 78px;
    height: 30px;
    font-weight:bold;
    font-size:120%;
    color:#663333;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 730px;
    height: 30px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 245px;
    height: 30px;
    text-align: left;
    border-right:solid 2px #fff;
  }
  .{{$template|escape:'html'}}_span1 {
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
  }
  .{{$template|escape:'html'}}_span2 {
    font-size: 13px;
    white-space: nowrap;
    color: #694247;
    font-size: 13px;
    color: #663333;
  }
  .{{$template|escape:'html'}}_td12 {
    width: 110px;
    height: 30px;
    padding-left: 20px;
    font-weight:bold;
    font-size:120%;
    color:#663333;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td13 {
    border-right:solid 2px #fff;
    width: 70px;
    height: 30px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #000;
  }
  .{{$template|escape:'html'}}_td14 {
    width: 110px;
    height: 30px;
    padding-left: 20px;
    font-weight:bold;
    font-size:120%;
    color:#663333;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td15 {
    width: 80px;
    height: 30px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #000;
  }
  .{{$template|escape:'html'}}_td16 {
    width: 860px;
    height: 40px;
  }
  .{{$template|escape:'html'}}_td17 {
    width: 150px;
    height: 60px;
    padding: 0 0 20px 0 ;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td18 {
    width: 710px;
    height: 60px;
    padding: 0 0 20px 0 ;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: red;
  }
  .{{$template|escape:'html'}}_td19 {
    width: 130px;
    height: 40px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td20 {
    width: 730px;
    height: 40px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td21 {
    width: 730px;
    height: 15px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td22 {
    width: 730px;
    height: 15px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    color: #663333;
  }
  .{{$template|escape:'html'}}_paymentMargin {
    margin: 0 0 0 20px;
  }
  .{{$template|escape:'html'}}_margin20 {
    margin: 0 0 0 20px;
  }
  .{{$template|escape:'html'}}_margin15 {
    margin: 0 0 0 10px;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = GuiPageReceipt.instance('{{$template|escape:'javascript'}}');
      new HandlePageReceipt(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>


<div id="container">
  <table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td1">
        Customer No.
      </td>
      <td class="{{$template|escape:'html'}}_td2" id="{{$template|escape:'html'}}_customerNo_div"></td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
    <tr>
      <td>
        <img src="images/common/line.png"></img>
      </td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table3" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td3">
        Bride Name
      </td>
      <td class="{{$template|escape:'html'}}_td4" id="{{$template|escape:'html'}}_brideName_div"></td>
      <td class="{{$template|escape:'html'}}_td5">
        Groom Name
      </td>
      <td class="{{$template|escape:'html'}}_td6" id="{{$template|escape:'html'}}_groomName_div"></td>
    </tr>
    
    <tr>
      <td class="{{$template|escape:'html'}}_td3">
        Address
      </td>
      <td class="{{$template|escape:'html'}}_td4" id="{{$template|escape:'html'}}_brideLn1_div"></td>
      <td class="{{$template|escape:'html'}}_td5">
        Address
      </td>
      <td class="{{$template|escape:'html'}}_td6" id="{{$template|escape:'html'}}_groomLn1_div"></td>
    </tr>
    
    <tr>
      <td class="{{$template|escape:'html'}}_td3"></td>
      <td class="{{$template|escape:'html'}}_td4" id="{{$template|escape:'html'}}_brideLn2_div"></td>
      <td class="{{$template|escape:'html'}}_td5"></td>
      <td class="{{$template|escape:'html'}}_td6" id="{{$template|escape:'html'}}_groomLn2_div"></td>
    </tr>
    
    <tr>
      <td class="{{$template|escape:'html'}}_td3">
        Phone
      </td>
      <td class="{{$template|escape:'html'}}_td4" id="{{$template|escape:'html'}}_bridePhone_div"></td>
      <td class="{{$template|escape:'html'}}_td5">
        Phone
      </td>
      <td class="{{$template|escape:'html'}}_td6" id="{{$template|escape:'html'}}_groomPhone_div"></td>
    </tr>
    
    <tr>
      <td class="{{$template|escape:'html'}}_td3">
        Mobile
      </td>
      <td class="{{$template|escape:'html'}}_td4" id="{{$template|escape:'html'}}_brideMobile_div"></td>
      <td class="{{$template|escape:'html'}}_td5">
        Mobile
      </td>
      <td class="{{$template|escape:'html'}}_td6" id="{{$template|escape:'html'}}_groomMobile_div"></td>
    </tr>
    <tr>
      <td class="{{$template|escape:'html'}}_td3">
        Email
      </td>
      <td class="{{$template|escape:'html'}}_td4" id="{{$template|escape:'html'}}_brideEmail_div"></td>
      <td class="{{$template|escape:'html'}}_td5">
        Email
      </td>
      <td class="{{$template|escape:'html'}}_td6" id="{{$template|escape:'html'}}_groomEmail_div"></td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
    <tr>
      <td>
        <img src="images/common/line.png"></img>
      </td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table5" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td7" colSpan="7">
        Payment
      </td>
    </tr>
    <tr>
      <td class="{{$template|escape:'html'}}_td16" colSpan="7">
        <table class="{{$template|escape:'html'}}_table6" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="{{$template|escape:'html'}}_td8">
              Total Price
            </td>
            <td class="{{$template|escape:'html'}}_td10">
              <span class="{{$template|escape:'html'}}_span1" id="{{$template|escape:'html'}}_price_div"></span>
              <span class="{{$template|escape:'html'}}_span2" id="{{$template|escape:'html'}}_pPercent_div"></span>
            <td class="{{$template|escape:'html'}}_td12">
              Total Received
            </td>
            <td class="{{$template|escape:'html'}}_td13" id="{{$template|escape:'html'}}_received_div"></td>
            <td class="{{$template|escape:'html'}}_td14">
              Total Anticipated
            </td>
            <td class="{{$template|escape:'html'}}_td15" id="{{$template|escape:'html'}}_anticipated_div"></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
    <tr>
      <td>
        <img src="images/common/line.png"></img>
      </td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table4" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="" id="{{$template|escape:'html'}}_orderList_div"></td>
    </tr>
  </table>
</div>